<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>屏蔽敏感词</title>
</head>
<body>

<!--
需求：要求用户不能输入敏感字
比如，pink老师上课很有**
分析：
①：用户输入内容
②：内容进行正则替换查找，找到敏感词，进行**
③：要全局替换使用修饰符
-->

<!--文本域-->
<label for=""></label><textarea name="" id="" cols="30" rows="10"></textarea>
<button>发布</button> <!-- 按钮 -->
<div></div> <!-- 显示发布的内容 -->


<script>
    // 获取DOM元素
    const 文本域 = document.querySelector('textarea')
    const 按钮 = document.querySelector('button')
    const div标签 = document.querySelector('div')

    // 监控 点击事件
    按钮.addEventListener('click', function () {
        // console.log(tx.value)
        // 检查 文本域里输入的内容， 是否有要求替代的
        div标签.innerHTML = 文本域.value.replace(/激情|基情/g, '**') // 正则替代， | 是或， g 全局匹配
        文本域.value = '' // 清空输入到文本域的信息
    })
</script>
</body>
</html>